<html>
<head>
	<title>Mobiscroll</title>

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

    <style type="text/css">
        body {
            font-family: arial, verdana, sans-serif;
            font-size: 12px;
        }

        .demo {
            display: none;
        }
    </style>

    <script src="js/mobiscroll.core.js"></script>
    <script src="js/mobiscroll.scroller.js" type="text/javascript"></script>

    <script src="js/mobiscroll.datetime.js" type="text/javascript"></script>
    <script src="js/mobiscroll.select.js" type="text/javascript"></script>

   
    <script src="js/mobiscroll.scroller.android.js" type="text/javascript"></script>
    <script src="js/mobiscroll.scroller.android-ics.js" type="text/javascript"></script>


    <link href="css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
  
    <link href="css/mobiscroll.scroller.android.css" rel="stylesheet" type="text/css" />
   
    
    <link href="css/mobiscroll.scroller.sense-ui.css" rel="stylesheet" type="text/css" />
  
    <link href="css/mobiscroll.animation.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript">
		$(function(){
    $('#demo').mobiscroll().date({
        theme: 'android',
        display: 'bubble',
        mode: 'scroller',
        animate: 'swing'
    });    
    
});
	</script>
	
</head>
<body>

		<input id="demo" />

		
</body>
</html>